<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./font_3sqfkdkt64s/iconfont.css">
    <link rel="stylesheet" href="../CSS/head.css">
</head>
<!-- <style>
    * {
        margin: 0;
        padding: 0;
    }
    
    li {
        list-style: none;
    }
    
    #top {
        width: 1436px;
        height: 63px;
        /* float: right; */
        /* background-color: green; */
    }
    
    a {
        text-decoration: none;
        font-size: 14px;
        color: #9999a6;
    }
    
    .wz {
        float: right;
        margin-right: 216px;
        line-height: 63px;
    }
    
    #hl {
        width: 1436px;
        height: 95px;
        /* margin-top: 63px; */
        /* overflow: hidden; */
        border-top: solid 1px;
        border-bottom: solid 1px;
        /* font-size: 17px; */
        /* float: left; */
    }
    
    #hl ul li {
        /* border: 1px solid; */
        width: 82px;
        height: 95px;
        text-align: center;
        line-height: 95px;
        float: left;
        margin-left: 25px;
        font-weight: bold;
    }
    
    #hl ul {
        float: left;
        margin-left: 270px;
    }
    
    .ss input {
        margin-top: 38px;
    }
    
    #hl ul li a {
        color: black;
    }
</style> -->

<!-- //头部 -->

<body>

    <header id="top">
        <div class="wz">
            <a href="###">登入</a>
            <span style="color:#9999a6 ;font-size: 14px;">或</span>
            <a href="../html/zc.html"> 注册会员</a>
            <span style="color:#9999a6 ;font-size: 14px;">ANTA会员</span>
            <span style="font-size: 21px;margin-left: 30px;" class="iconfont icon-gouwuche"></span>
            <span style="font-size: 21px;margin-left: 30px;" class="iconfont icon-weibiaoti-"></span>
        </div>
    </header>
    <div id="hl">
        <a href="###"> <img style="width:50px;height:95px;margin-left:75px;position: absolute;" src="../img/logo-anta-r-02.svg" alt=""></a>

        <ul class="h2">
            <li>
                <a href=""> 冬奥国旗</a>

            </li>

            <li class="m1">
                <div>
                    <a href="">男子</a>

                </div>
                <div class="m">

                    <ul style="border-right: solid 0.1px grey; float: left;margin-left: 220px;">
                        <li style="font-weight: bold;"><b>所有鞋类</b> </li>
                        <li>运动鞋</li>
                        <li>跑鞋</li>
                        <li>
                            <a href="xg.html"> 篮球鞋</a></li>
                        <li>休闲鞋</li>
                        <li>板鞋</li>
                        <li>户外综训鞋</li>

                    </ul>
                    <ul style="border-right: solid 0.1px grey;float: left;">
                        <li style="font-weight: bold;"><b>所有服装</b> </li>
                        <li>套头卫衣</li>
                        <li>外套夹克</li>
                        <li>羽绒服/马甲</li>
                        <li>短袖T恤</li>
                        <li>长裤</li>
                        <li>运动短裤</li>

                    </ul>
                    <ul style="border-right: solid 0.1px grey;float: left;">
                        <li style="font-weight: bold;"><b>所有配件</b> </li>
                        <li>包类</li>
                        <li>运动袜子</li>

                    </ul>
                    <ul style="float: left;">
                        <li style="font-weight: bold;"><b>运动项目</b> </li>
                        <li>跑步</li>
                        <li>篮球</li>
                        <li>综训</li>
                        <li>生活</li>
                        <li>健身</li>

                    </ul>

                </div>


            </li>


            <li class="m2">
                <div>
                    <a href="">女子</a>
                </div>
                <div class="x">
                    <ul style="border-right: solid 0.1px grey;float: left;margin-left: 300px;">
                        <li style="font-weight: bold;"><b>所有鞋类</b> </li>

                        <li>跑鞋</li>

                        <li>休闲鞋</li>
                        <li>板鞋</li>
                        <li>棉鞋</li>

                    </ul>
                    <ul style="border-right: solid 0.1px grey;float: left;">
                        <li style="font-weight: bold;">所有服装</li>
                        <li>羽绒服</li>
                        <li>套头卫衣</li>
                        <li>外套夹克</li>
                        <li>短袖T恤</li>
                        <li>长裤</li>
                        <li>运动短裤</li>

                    </ul>
                    <ul style="float: left;">
                        <li style="font-weight: bold;"><b> 所有配件</b></li>
                        <li>包类</li>
                        <li>运动袜类</li>

                    </ul>

                </div>

            </li>

            <li class=m3>
                <div>
                    <a href="">儿童</a></div>
                <div class="n">
                    <ul style="border-right: solid 0.1px grey; float: left;margin-left: 220px;">
                        <li>新品上市</li>
                        <li>男中大童</li>
                        <li>女中大童</li>
                        <li>男小童</li>
                        <li>女小童</li>
                        <li>婴童</li>


                    </ul>
                    <ul style="border-right: solid 0.1px grey;float: left;">
                        <li style="font-weight: bold;"><b>所有鞋类</b> </li>

                        <li>跑鞋</li>
                        <li>篮球鞋</li>
                        <li>休闲鞋</li>
                        <li>板鞋</li>
                        <li>足球鞋</li>

                    </ul>
                    <ul style="border-right: solid 0.1px grey;float: left;">
                        <li style="font-weight: bold;"><b>所有服装</b> </li>
                        <li>套头卫衣</li>

                        <li>羽绒服</li>
                        <li>短袖T恤</li>
                        <li>长裤</li>
                        <li>运动短裤</li>

                    </ul>
                    <ul style="float: left;">
                        <li style="font-weight: bold;"><b>所有配件</b> </li>
                        <li>包类</li>


                    </ul>


                </div>

            </li>
            <li>
                <a href="">安踏儿童</a> </li>
            <li>
                <a href="">品牌文化</a> </li>
            <li>
                <a href="">观赏视频</a> </li>
            <li>
                <a href="">联系我们</a> </li>
        </ul>
        <div class="s">
            <input type="text" placeholder="搜索">
        </div>
    </div>

    <!-- 大图 -->

</body>

</html>